<template>
    <div class="detailsContainer">
        <div class="title">
            <el-button v-show="htmlval==''?false:true" size="small" @click="changeInfos" type="primary">修改</el-button>
            <div>
                <span v-show="flag">备忘录</span>
                <span v-show="!flag">{{forkname}}</span>
                /{{titleval}}
            </div>
        </div>
        <div v-html="htmlval" class="articel"></div>
    </div>
</template>

<script>
// import tinymce from 'tinymce/tinymce'
// import 'tinymce/themes/silver/theme.min.js'

export default {
    methods: {},
    mounted() {
        //tinymce.init({})
    },
    props: ["htmlval", "titleval", "forkname", "flag", "selectData"],
    methods: {
        changeInfos() {
            this.$router.push({
                name: "create",
                params: { datas: this.selectData, flag: this.flag }
            });
        }
    }
};
</script>

<style lang="scss" scoped>
.detailsContainer {
    padding: 15px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    .title {
        padding: 15px;
        display: flex;
        div {
            font-size: 16px;
            font-family: "微软雅黑";
            color: #ccc;
            margin-left: 15px;
        }
    }
    .articel {
        padding: 15px;
    }
}
</style>